// <!--<script setup lang="ts">-->
// <!--import type { VbenFormProps } from '@vben/common-ui';-->
// <!--import type { VxeGridProps } from '#/adapter/vxe-table';-->
// <!--import type { InterviewQuestionField } from '#/api/interview/field/model';-->
//
// <!--import { ref } from 'vue';-->
//
// <!--import { useAccess } from '@vben/access';-->
// <!--import { Page, useVbenDrawer } from '@vben/common-ui';-->
// <!--import { getVxePopupContainer } from '@vben/utils';-->
//
// <!--import {-->
// <!--  Dropdown,-->
// <!--  Menu,-->
// <!--  MenuItem,-->
// <!--  Modal,-->
// <!--  Popconfirm,-->
// <!--  Space,-->
// <!--} from 'ant-design-vue';-->
//
// <!--import { useVbenVxeGrid, vxeCheckboxChecked } from '#/adapter/vxe-table';-->
// <!--import { TableSwitch } from '#/components/table';-->
//
// <!--import { columns, querySchema } from './data';-->
// <!--import FieldDrawer from './field-drawer.vue';-->
//
// <!--// 表单配置-->
// <!--const formOptions: VbenFormProps = {-->
// <!--  commonConfig: {-->
// <!--    labelWidth: 80,-->
// <!--    componentProps: {-->
// <!--      allowClear: true,-->
// <!--    },-->
// <!--  },-->
// <!--  schema: querySchema(),-->
// <!--  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',-->
// <!--  // 日期选择格式化-->
// <!--  fieldMappingTime: [-->
// <!--    [-->
// <!--      'createTime',-->
// <!--      ['params[beginTime]', 'params[endTime]'],-->
// <!--      ['YYYY-MM-DD 00:00:00', 'YYYY-MM-DD 23:59:59'],-->
// <!--    ],-->
// <!--  ],-->
// <!--};-->
//
// <!--// 表格配置-->
// <!--const gridOptions: VxeGridProps = {-->
// <!--  checkboxConfig: {-->
// <!--    // 高亮-->
// <!--    highlight: true,-->
// <!--    // 翻页时保留选中状态-->
// <!--    reserve: true,-->
// <!--  },-->
// <!--  columns,-->
// <!--  height: 'auto',-->
// <!--  keepSource: true,-->
// <!--  pagerConfig: {},-->
// <!--  proxyConfig: {-->
// <!--    ajax: {-->
// <!--      query: async ({ page }, formValues = {}) => {-->
// <!--        // TODO: 实现获取领域列表的API调用-->
// <!--        return await Promise.resolve({-->
// <!--          total: 0,-->
// <!--          rows: []-->
// <!--        });-->
// <!--      },-->
// <!--    },-->
// <!--  },-->
// <!--  rowConfig: {-->
// <!--    keyField: 'fieldId',-->
// <!--  },-->
// <!--  toolbarConfig: {-->
// <!--    search: true,-->
// <!--  },-->
// <!--  id: 'interview-field-index',-->
// <!--};-->
//
// <!--const [BasicTable, tableApi] = useVbenVxeGrid({-->
// <!--  formOptions,-->
// <!--  gridOptions,-->
// <!--});-->
//
// <!--const [FieldDrawerComp, drawerApi] = useVbenDrawer({-->
// <!--  connectedComponent: FieldDrawer,-->
// <!--});-->
//
// <!--function handleAdd() {-->
// <!--  drawerApi.setData({});-->
// <!--  drawerApi.open();-->
// <!--}-->
//
// <!--async function handleEdit(record: InterviewQuestionField) {-->
// <!--  drawerApi.setData({ id: record.fieldId });-->
// <!--  drawerApi.open();-->
// <!--}-->
//
// <!--async function handleDelete(row: InterviewQuestionField) {-->
// <!--  // TODO: 实现删除功能-->
// <!--  Modal.confirm({-->
// <!--    title: '提示',-->
// <!--    content: '确认删除该领域吗？',-->
// <!--    onOk: async () => {-->
// <!--      // await fieldRemove([row.fieldId]);-->
// <!--      // await tableApi.query();-->
// <!--    },-->
// <!--  });-->
// <!--}-->
//
// <!--function handleMultiDelete() {-->
// <!--  const rows = tableApi.grid.getCheckboxRecords();-->
// <!--  const ids = rows.map((row: InterviewQuestionField) => row.fieldId);-->
// <!--  Modal.confirm({-->
// <!--    title: '提示',-->
// <!--    okType: 'danger',-->
// <!--    content: `确认删除选中的${ids.length}条记录吗？`,-->
// <!--    onOk: async () => {-->
// <!--      // await fieldRemove(ids);-->
// <!--      // await tableApi.query();-->
// <!--    },-->
// <!--  });-->
// <!--}-->
//
// <!--const { hasAccessByCodes } = useAccess();-->
//
// <!--// 状态切换-->
// <!--async function handleChangeStatus(record: InterviewQuestionField) {-->
// <!--  // TODO: 实现状态切换功能-->
// <!--  // const res = await fieldChangeStatus(record);-->
// <!--  // if (res) {-->
// <!--  //   await tableApi.query();-->
// <!--  // }-->
// <!--}-->
// <!--</script>-->
//
// <!--<template>-->
// <!--  <Page :auto-content-height="true">-->
// <!--    <BasicTable table-title="题目领域列表">-->
// <!--      <template #toolbar-tools>-->
// <!--        <Space>-->
// <!--          <a-button-->
// <!--            :disabled="!vxeCheckboxChecked(tableApi)"-->
// <!--            danger-->
// <!--            type="primary"-->
// <!--            v-access:code="['interview:field:remove']"-->
// <!--            @click="handleMultiDelete"-->
// <!--          >-->
// <!--            {{ $t('pages.common.delete') }}-->
// <!--          </a-button>-->
// <!--          <a-button-->
// <!--            type="primary"-->
// <!--            v-access:code="['interview:field:add']"-->
// <!--            @click="handleAdd"-->
// <!--          >-->
// <!--            {{ $t('pages.common.add') }}-->
// <!--          </a-button>-->
// <!--        </Space>-->
// <!--      </template>-->
// <!--      <template #status="{ row }">-->
// <!--        <TableSwitch-->
// <!--          v-model="row.status"-->
// <!--          :api="() => handleChangeStatus(row)"-->
// <!--          :disabled="!hasAccessByCodes(['interview:field:edit'])"-->
// <!--          :reload="() => tableApi.query()"-->
// <!--        />-->
// <!--      </template>-->
// <!--      <template #action="{ row }">-->
// <!--        <Space>-->
// <!--          <ghost-button-->
// <!--            v-access:code="['interview:field:edit']"-->
// <!--            @click.stop="handleEdit(row)"-->
// <!--          >-->
// <!--            {{ $t('pages.common.edit') }}-->
// <!--          </ghost-button>-->
// <!--          <Popconfirm-->
// <!--            :get-popup-container="getVxePopupContainer"-->
// <!--            placement="left"-->
// <!--            title="确认删除？"-->
// <!--            @confirm="handleDelete(row)"-->
// <!--          >-->
// <!--            <ghost-button-->
// <!--              danger-->
// <!--              v-access:code="['interview:field:remove']"-->
// <!--              @click.stop=""-->
// <!--            >-->
// <!--              {{ $t('pages.common.delete') }}-->
// <!--            </ghost-button>-->
// <!--          </Popconfirm>-->
// <!--        </Space>-->
// <!--      </template>-->
// <!--    </BasicTable>-->
// <!--    <FieldDrawerComp @reload="tableApi.query()" />-->
// <!--  </Page>-->
// <!--</template>-->
